<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../img/com/logo.png">
    <link rel="stylesheet" href="../asserts/css/normalize.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/pageCom.css">
    <style>
        .top {
            display: flex;
            flex: 1;
        }
        .top > div {
            flex: 2;
        }
        .bottom {
            flex: 4;
            display: flex;
        }
        .bottom>.chartBox{
            flex: 1;
        }
        .chartBox1 {
            display: flex;
            flex-direction: column;
            margin: .5rem;
            /*background-color: #0d175066;*/
            /*box-shadow: 0 0 0.3rem 0.1rem rgba(0, 0, 0, .2);*/
        }
        .pageHeader {
            padding: 0.3rem .15rem;
        }
        /*table 表格*/
        .top .chartContent1 .tableBoxs tr th{
            font-size: 0.8rem;
            background-color:rgba(0,0,0,.3);
        }
        .top tbody > tr > td {
            background-color:rgba(0,0,0,.15);
            padding: 0.5rem;
            font-size: .8rem;
            cursor: pointer;
        }
        /*覆盖公共样式里的属性*/
        tbody > tr:nth-of-type(odd) {
            background-color: transparent;
        }
        /*披露信息*/
        .pilouInformation{
            width: 98.5%;
            margin: 0 auto;
        }
        .pilouInformation p{
            font-size: 0.95rem;
            padding-left: 1rem;
            margin-top: 0.5rem;
            border-left: 4px solid #00abde;
        }
        .pilou p{
            margin-top:1rem;
        }
        /*平台数据信息*/
        .chartBodyTable{
            height: 100%;
            padding: 1%;
        }
        .pingtaiInformationtable{
            height: 33.33%;
        }
        .pingtaiInformationtable tbody tr td{
            padding: 0.6rem 1rem;
            width: 18%;
            font-size: 0.8rem;
        }
        .pingtaiInformationtable tbody tr td{
            color: #ffec3d;
            cursor: pointer;
        }
        .pingtaiInformationtable tr th span:nth-child(1){
            margin-left: 0.3rem;

        }


    </style>
</head>
<body id="01_01pingtaizonglanbiaoalert" data-title="平台总览表alert">
<div class="container">
    <h2 hidden>管理风险</h2>
    <header class="pageHeader">
        <div class="inputGroup">
            <label for="pingtai">平台名称：</label>
            <div class="mySelect" id="pingtai">
                <div class="myOption selected"><span class="text"></span><span class="icon"></span></div>
                <ul class="myOptionBox">
                    <li class="myOption selected">条目一</li>
                    <li class="myOption selected">条目二</li>
                    <li class="myOption selected">条目三</li>

                </ul>
            </div>
        </div>
    </header>
    <div class="pilouInformation">
        <p>基础信息</p>
    </div>
    <div class="top">
        <div class="chartBox1">
            <div class="chartContent1">
                <table class="tableBoxs">
                    <thead>
                    <tr><th>名称</th><th>ICP备案</th><th>金融办备案</th><th>存管银行</th><th>等保</th><th>运营时间</th><th>平台实力</th><th>法人</th><th>注册资本</th><th>总成金额</th><th>贷款金额</th><th>在投人数</th><th>信息披露</th></tr>
                    </thead>
                    <tbody>
                    <tr><td>鲁金宝</td><td>25</td><td>是</td><td>14个月</td><td>有</td><td>12</td><td>5000万</td><td>张鲁</td><td>5000万</td><td>5000万</td><td>500万</td><td>3245</td><td></td></tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!--信息纰漏-->
    <div class="pilouInformation pilou">
        <p>信息披露</p>
    </div>
    <div class="top" style="margin-bottom: .8rem">
        <div class="chartBox1">
            <div class="chartContent1">
                <table class="tableBoxs">
                    <thead>
                    <tr>
                        <th>平台名称</th>
                        <th>机构信息 <span>(26)</span></th>
                        <th>经营信息 <span>(17)</span></th>
                        <th>项目信息 <span>(13)</span></th>
                        <th>附加信息 <span>(7)</span></th>
                        <th>总计</th>
                        <th>得分</th>
                        <th>排名</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>中融宝</td>
                        <td>25</td>
                        <td>15</td>
                        <td>10</td>
                        <td>0.5</td>
                        <td>50.5</td>
                        <td>89.1</td>
                        <td>1</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="bottom">
        <div class="chartBox ec001">
            <div class="chartTitle">
                <h3>平台数据信息</h3>
            </div>
            <div class="chartContent">
                <div class="chartBody">
                    <div class="chartBodyTable">
                        <table class="pingtaiInformationtable">
                            <thead>
                            <tr>
                                <th>总成交量<span>(笔)</span></th>
                                <th>总成交额<span>(万)</span></th>
                                <th>总借款人数<span>(万)</span></th>
                                <th>总投资人数<span>(万)</span></th>
                                <th>平均借款期限<span>(天)</span></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>76543</td>
                                <td>67897650</td>
                                <td>76543</td>
                                <td>76543</td>
                                <td>43</td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="pingtaiInformationtable">
                            <thead>
                            <tr>
                                <th>平均满标时间 <span>(小时)</span></th>
                                <th>人均借款金额 <span>(万)</span></th>
                                <th>人均投资金额 <span>(万)</span></th>
                                <th>借款分散度</th>
                                <th>投资分散度</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>0.07</td>
                                <td>650.90</td>
                                <td>650.90</td>
                                <td>0.4531</td>
                                <td>0.4712</td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="pingtaiInformationtable">
                            <thead>
                            <tr>
                                <th>人均借款次数 <span>(次)</span></th>
                                <th>人均投资次数 <span>(次)</span></th>
                                <th>贷款余额 <span>(万)</span></th>
                                <th>平台状态</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>172.27</td>
                                <td>155.48</td>
                                <td>155.48</td>
                                <td>正常</td>
                                <td></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../asserts/js/jquery-2.2.4.js"></script>
<script src="../js/main.js"></script>
<script src="../js/chartsCom.js"></script>

</body>
</html>
